@extends('layout.admin.index')
@section('content')
<body>
<div class="panel admin-panel">
  <!-- 子标题显示 用户修改-->
  <div class="panel-head" id="add"><strong><span class="icon-pencil-square-o"></span>{{ $title }}</strong></div>
  <div class="body-content">

    <!-- 用户修改开始 跳转执行修改路由-->
    <form method="post" class="form-x" action="/admin/users/doedit" enctype="multipart/form-data" id="myform">  
    {{ csrf_field() }}
      <div class="form-group">
      </div>

      <!-- 添加头像 -->
      <div class="form-group" >
        <div class="label"  style="margin-top:35px">
          <label>用户头像：</label>
        </div>
        <div class="field" >
          <input type="file" class="inputPic" name="pic" style="float:left;margin-top:8px" id="img" value="aa"  allowexts="gif,jpeg,jpg,png,bmp" accept="image/*" onchange="info(this)">
          <!-- 图片第一次添加选择默认值 -->
          <img src="/images/admin/user_pic/{{ $data['user_pic'] }}" alt="" width="100px" height="100px" id="picinfo" id="picinfo" style="float:left">
          <div id="tishi" style="float:left;height:100px;line-height:100px"><font color="#aac">　(上传图片类型(jpeg、png、gif)，大小不超过4M)</font></div>
        </div>
      </div>

      <!-- 修改昵称 -->
      <div class="form-group">
        <div class="label">
          <label>昵称：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" value="{{ $data['user_nickname'] }}" name="user_nickname"/>
          <div class="tips"></div>
          <div style="color:#aac;margin-top:45px">(用户个性昵称)</div>
        </div>
      </div>

      <!-- 修改邮箱 -->
      <div class="form-group">
        <div class="label">
          <label>邮箱账号：</label>
        </div>
        <div class="field">
          <input type="email" class="input w50" value="{{ $data['user_email'] }}" name="user_email" />
          <div class="tips"></div>
          <div style="color:#aac;margin-top:45px">(用户邮箱，登陆账号)</div>
        </div>
      </div>
      <script type="text/javascript">
          /**
           * 无刷新头像
           * 
           * @param       object          file          获取file所有属性
           * @param       object          reader        读取文件属性
           * @param       int             file.files[0]['size']  获取上传文件大小
           * @param       string          file.files[0]['type']  获取上传文件格式
           * @将文件的路径赋予img src属性
           */
          // 获取input属性
          function info(file){
            console.log(file.files[0])
            // 判断是否获取成功
            if(file.files && file.files[0]){
                console.log(file.files[0]['size'])
                if(file.files[0]['size'] > 4194304){
                    $('#tishi').html('<img src="/images/cuo.png" alt="" style="float:left;margin:43px 0 0 10px;width:15px;height:15px" /><font color="red">文件太大，请重新上传</font>')
                    submit = false;
                    return false;
                  }
                type = file.files[0]['type']
                if(type != 'image/jpeg' && type != 'image/png' && type != 'image/gif'){
                    $('#tishi').html('<img src="/images/cuo.png" alt="" style="float:left;margin:43px 0 0 10px;width:15px;height:15px" /><font color="red">文件类型不符合，请上传图片</font>')
                    submit = false;
                    return false;
                }
                $('#tishi').html('<font color="#aac">　(上传图片类型(jpeg、png、gif)，大小不超过4M)</font>')
                  var reader = new FileReader();
                  // 将每次读取的路径赋予img src
                  reader.onload = function(evt){  
                     $('#picinfo').attr('src',evt.target.result)
                  };
                   reader.readAsDataURL(file.files[0]);
                   submit = true;
            }
          }

          $('#myform').submit(function(){
            return submit;
          })
      </script>

      <!-- 是否禁用 -->
      <div class="form-group">
        <div class="label">
          <label>是否禁用</label>
        </div>
        <div class="field">
          <ul>
            <li style="margin-top:10px">
                是：<input type="radio" value="2" name="user_shield" @if($data['user_shield'] == '2') checked @endif/>
                否：<input type="radio" value="1" name="user_shield" @if($data['user_shield'] == '1') checked @endif/>
            </li>
          </ul>
          <div class="tips"></div>
        <div style="float:left;margin:8px 0 -10px 0;color:red">(注意：用户禁用,关闭则该用户无法登陆,请谨慎操作.默认：开启)</div>
        </div>
      </div>
      
      <!-- 登录时间 不更改创建时间-->
      <input type="hidden" name="user_time" value="{{ date('Y-m-d H:i:s',time()) }}">

      <!-- 获取用户id -->
      <input type="hidden" name="id" value="{{ $data['id'] }}">

      <div class="form-group">
        <div class="label">
          <label></label>
        </div>
        <div class="field">
          <button class="button bg-main icon-check-square-o" type="submit"> 提交</button>
          <a href="/admin/users/index"  class="button bg-main icon-mail-reply">&nbsp返回</a>
        </div>
      </div>
    </form>
    <!-- 用户修改结束 -->
  </div>
</div>
</body>
@endsection